// @import url("@/static/styles/variables.less");

// .top {
//   width: 100%;
//   background: #fff;

//   //:depp (.wot-button ) {
//   //  background-color: rgba(255, 255, 255, 0.25) !important;
//   //  color: @text-white !important;
//   //  border: none !important;
//   //  padding: 8rpx 20rpx !important;
//   //  border-radius: 20rpx !important;
//   //  font-size: 24rpx !important;
//   //  transition: all 0.3s ease;
//   //
//   //  &:hover {
//   //    background-color: rgba(255, 255, 255, 0.35);
//   //    transform: translateY(-2rpx);
//   //  }
//   //}

//   //padding-bottom: 30px;
//   .user-row {
//     // 红色渐变背景
//     background: linear-gradient(135deg, @primary-color, @primary-color);
//     // 底部弧形效果
//     border-radius: 0 0 50% 30% / 15%;
//     padding: 30rpx 24rpx 60rpx;
//     margin-bottom: 30rpx;
//     color: @text-white;
//     position: relative;
//     overflow: hidden;

//     // 装饰元素（可选）
//     &::after {
//       content: "";
//       position: absolute;
//       bottom: 0;
//       left: 0;
//       width: 100%;
//       height: 40rpx;
//       background: rgba(255, 255, 255, 0.05);
//       border-radius: 50% 50% 0 0 / 30%;
//     }

//     .header_view {
//       display: flex;
//       align-items: center;
//       margin-bottom: 40rpx;
//       position: relative;
//       z-home: 10;

//       .user_img {
//         width: 140rpx;
//         height: 140rpx;
//         border-radius: 50%;
//         // 头像边框
//         border: 4rpx solid rgba(255, 255, 255, 0.3);
//         overflow: hidden;
//         box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.1);

//         image {
//           width: 100%;
//           height: 100%;
//           object-fit: cover;
//         }
//       }

//       .user_info {
//         margin-left: 28rpx;
//         flex: 1;

//         .title {
//           display: flex;
//           justify-content: space-between;
//           align-items: center;
//           margin-bottom: 16rpx;

//           text {
//             font-size: 36rpx;
//             font-weight: 600;
//             text-shadow: 0 2rpx 4rpx rgba(0, 0, 0, 0.1);
//           }



//         }

//         .address {
//           font-size: 26rpx;
//           opacity: 0.9;
//           display: flex;
//           align-items: center;

//           text:first-child {
//             opacity: 0.8;
//           }

//           text:last-child {
//             margin-left: 8rpx;
//             max-width: 400rpx;
//             white-space: nowrap;
//             overflow: hidden;
//             text-overflow: ellipsis;
//           }
//         }
//       }
//     }

//     .bottom_view {
//       display: flex;
//       justify-content: space-around;
//       position: relative;
//       z-home: 10;

//       .stat-item {
//         text-align: center;
//         padding: 20rpx 10rpx;
//         width: 33.333%;

//         .num {
//           display: block;
//           font-size: 38rpx;
//           font-weight: 700;
//           margin-bottom: 8rpx;
//           text-shadow: 0 2rpx 4rpx rgba(0, 0, 0, 0.1);
//         }

//         .label {
//           font-size: 24rpx;
//           opacity: 0.85;
//         }
//       }
//     }
//   }
// }
